html,body{
        height: 100%;
}

*{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'segoe ui',helvetica;
}
body{
	margin: 0;
	padding: 0;
	background-color: #eee !important;
	color:#333;
	overflow: hidden;
}
#body{
	height: 350px;
	width: 50%;
	margin-left:25%;
	margin-top:5%;
	padding:10px;
	background:white;
	border-top:3px solid #333;
	border-radius: 3px;
	border-bottom: 3px solid #333;
	box-shadow: 0 3px 5px rgba(0,0,0,0.1);
}
#body a {display: none;}
#body input{
	display: inline-block;
	padding:5px; 
	width: 50%;
}
#body div .error {
	color:red;
	font-weight: bold;
	margin-bottom:10px;
}
#body div div {
	margin-bottom:10px;
}
#body #remember .remember{
	border-radius: 5px;
	text-align: center;
	cursor:pointer;
}
#body #remember.coched .remember{
	background-color: #333;
	color:white;
}

#body label{
	display: inline-block;
	width: 25%;
	font-weight: 600;
	background-color: #eee;
	border-radius: 5px 0 0 5px;
	padding:5px;
	margin-bottom: 15px;
	margin-right: 0;
}

#body input[type=submit]{
	width: 120px;
	margin-top: 5px !important;
    background : #333;
    font-weight: bold;
    border-radius: 5px;
    height: 35px;
    cursor: pointer;
	border: 0px solid transparent !important;
	color:white;
}
h1{
	display: block;
	margin-right: -10px !important;
	padding: 15px;
	background-color: #CC3333;
	margin-left: -10px !important;
	margin-top:-10px;
	color: white !important;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px;
	font-size: 28px;
	box-shadow: inset 0 4px 3px rgba(0,0,0,0.1), 0 1px rgba(0,0,0,0.1);
	border-bottom: 5px solid rgb(250,250,250) ;
}